import layout from '@/layout/index.vue'

/* 
  动态路由
  1、虽然叫做“动态路由”，但是更准确来说，叫“权限路由”比较合适。
  2、用于记录所有的需要权限访问的路由。
  3、如果是静态权限验证方式，动态路由会和静态路由相结合，然后添加到 router 上（详看 src/router/index.js）。
  4、如果是动态权限验证方式，这里的路由不会实际用到，实际的路由由后端返回。
    这里仅起到记录和测试作用，测试时，可以将动态路由会和静态路由相结合，添加到 router 上。
*/
export default [
  {
    path: '/',
    name: 'index',
    component: layout,
    redirect: '/index',
    meta: { showFirstChild: true, defaultTab: true },
    children: [{
      path: 'index',
      name: 'index',
      component: () => import('@/views/home.vue'),
      meta: { title: 'home', icon: 'HomeFilled', }
    }]
  },
  {
    path: '/form',
    name: 'form',
    component: layout,
    redirect: '/form/index',
    meta: { showFirstChild: true, roles: ['admin'] },
    children: [{
      path: 'index',
      name: 'formIndex',
      component: () => import('@/views/form/index.vue'),
      meta: { title: 'form', icon: 'Edit' }
    }]
  },
  {
    path: '/edit',
    name: 'edit',
    component: layout,
    redirect: '/edit/index',
    meta: { showFirstChild: true, roles: ['admin'] },
    children: [{
      path: 'index',
      name: 'editIndex',
      component: () => import('@/views/edit/index.vue'),
      meta: { title: 'wangEditorDomo', icon: 'Edit' }
    }]
  },
  {
    path: '/example',
    name: 'example',
    component: 'layout',
    redirect: '/example/example01',
    meta: { title: '一级', icon: 'Setting' },
    children: [
      {
        path: 'example01',
        name: 'example01',
        component: '/example/example01',
        meta: { title: '二级', icon: 'Location' }
      },
      {
        path: 'example02',
        name: 'example02',
        redirect: '/example/example02/example02_1',
        meta: { title: '二级', icon: 'Document' },
        children: [
          {
            path: 'example02_1',
            name: 'example02_1',
            component: '/example/example02/example02_1',
            meta: { title: '三级01', icon: 'Postcard' }
          },
          {
            path: 'example02_2',
            name: 'example02_2',
            component: '/example/example02/example02_2',
            meta: { title: '三级02', icon: 'Collection' }
          },
        ]
      },
    ]
  },
]